@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;} 
html{ font-family:"Microsoft Yahei", Arial;}
body{ background:#F9f9f9;}
img{border:none;}
.course-content,.hot-content,.star-content, .nav-sidebar,.post{ background:#fff;}
ul,ol,li{ list-style:none;}
div,header,nav,dl,dt,dd,p{ display:block;}
a:link,a:visited{ text-decoration:none;}
i,em,b{ font-style:normal;}
.clearfix {*zoom: 1;}
.clearfix::after{ content:""; display:block; height:0; clear:both; visibility:hidden;} 
.light{ color:#e13d30;}
label{ cursor:default;}
.clear{ height:0; clear:both; overflow:hidden;}
form{ display:block;}

/*澶撮儴*/
.header{ width:100%; min-width: 1180px; height:65px;background-color:#458fd2;filter:alpha(opacity=90);opacity:0.9; position:relative; 
	z-index:1000;}
.nav{ width:1180px; height:70px; margin-left:auto; margin-right:auto; color:#fff;}
.logo{ width:145px; height:70px; display:block; float:left; }
.logo-r{ margin-left:10px; margin-top:22px; display:inline-block; float:left; border-left:1px solid #fff; padding-left:10px;}
.logo-r h5{ font-size:14px; color:#fff; font-weight:normal;}
.logo-r p{ font-size:12px; color:#fff;}
.nav-list{ float:left; margin-left:50px;}
.nav-list li{ float:left; position:relative; margin-left:1px;}
.nav-list li a.nav-item{ width:90px; height:65px; display:block; float:left; line-height:60px; font-size:17px; color:#ffffff; 
 font-family:"Microsoft Yahei", Arial;}
.nav-list li:hover a.nav-item{ background:#474e5d;color: #fff}

.top-login{ float:right; color:#fff;}
.top-login .register,.top-login .signin{ color:#ffffff; font-size:16px; text-align:center; margin:0 10px; line-height:70px;}
.top-login .register:hover,.top-login .signin:hover{ color:#32a5e7;}

.top-search {float:right; padding: 5px 40px 5px 10px; width:160px;height: 20px;line-height: 20px;
	background-color:#252525;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	-o-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px; margin-top:20px; margin-right:80px;}
.top-input {padding: 0; width: 200px; height: 20px; border: none;background: none; color: #656e73;font-size: 13px;outline: none; 
	box-shadow: none;}
::-webkit-input-placeholder { color: #9d9d9d;}
:-moz-placeholder { color: #9d9d9d;}
::-moz-placeholder{ color:#9d9d9d;}
:-ms-input-placeholder {color: #9d9d9d;}
.btn-search { margin-left:210px; margin-top:-21px;width: 24px; height: 24px;font-size: 18px; 
	color: #cad2e3; outline: none; cursor: pointer; float:left;border:none; background:url(../images/search_icon.png) no-repeat;}

.top-member{ float:right;}
.top-member > li{ float:left; background-position: 0 -60px; width:60px; height:60px; 
	display:block;}
.top-member li a.my-message{ display:inline-block;}
.top-member > li:hover{ background-position:0 0;}
.top-msg{ margin-right:10px;}
.top-user img{ border-radius:50%; margin-top:15px;}
.top-user a:hover .top-user img{ border-color:#32a5e7;}

.top-member .my-hidden{ float: right; width:60px; height:auto; display:none; position:absolute; top:60px;}
.top-member .my-hidden li{ float:left; width:60px; height:30px; border-bottom:1px solid #eaeaea;}
.top-member .my-hidden li:last-child{ border-bottom:none;}
.top-member .my-hidden li a{ font-size:12px; width:55px; height:30px; display:block; background:#262626; color:#fff; text-align:left; 
	line-height:30px; padding-left:5px;}
.top-member .my-hidden li a:hover{ background:#32a5e7;}





/*banner*/
.flexslider {margin:0 auto;position: relative;width:100%;height:560px;overflow: hidden;*zoom: 1;}
.flexslider .slides li {width:100%;height:auto; list-style:none;}
.flex-direction-nav a {width: 45px;height: 80px;overflow: hidden;display: block;position: absolute;top:240px;z-index: 10;cursor:
 pointer;opacity: 0;filter: alpha(opacity=0); background:url(../images/arrow.png) no-repeat;}
.flex-direction-nav .flex-next {right: 50px;background-position:-45px 0;}
.flex-direction-nav .flex-prev {left: 50px; }
.flexslider:hover .flex-next {opacity: 1;filter: alpha(opacity=100);}
.flexslider:hover .flex-prev {opacity: 1;filter: alpha(opacity=100);}
.flexslider:hover .flex-next:hover{ background-position:-45px -80px; opacity:0.6;filter: alpha(opacity=60);}
.flexslider:hover .flex-prev:hover {background-position:0 -80px;opacity:0.6;filter: alpha(opacity=60);}
.flex-control-nav {width:100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;
	text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 560px;display: block; border:none;}


/*learn-box*/
.bg{ width:100%; height:auto;}
.bg-white{ background:#fff;}
.bg .container{width:1180px; height:auto; overflow:hidden;margin:0 auto; padding:60px 0;}
.cont-title{ width:100%; height:auto; overflow:hidden; position:relative;}
.cont-title h3{ font-size:24px; color:#333; font-weight:normal;}
.cont-title a{ display:block; float:right; position:absolute; bottom:0; right:0; color:#666; font-size:14px;}
.cont-title a:hover{ color:#32a5e7;}
.learn-box li{float:left; margin-right:20px; margin-top:20px; width:278px; height:240px;border:1px solid #e5e5e5; position:relative;
 overflow:hidden;}
.learn-box li:nth-child(4n){ margin-right:0;}
.learn-box li a{ display:block; width:278px; height:240px; }
.learn-box li:hover{box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;}
.learn-box li .learn-info{ position:absolute; top:160px; left:0; background:#fff; -webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; transition:all 0.3s linear;}
.learn-box li:hover .learn-info{ top:100px;}
.learn-box li:hover .learn-info p{ display:block; margin-top:-10px;}
.learn-box li .learn-info h5{ text-align:center; font-size:16px;color:#333; font-weight:normal; margin:10px auto; width:280px; 
	height:40px; line-height:40px;}
.learn-box li .learn-info p{ font-size:12px; color:#666; display:none; padding:0 10px; -webkit-transition:all 0.3s linear;
 -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; transition:all 0.3s linear;}
.learn-box li span{ position:absolute; top:210px; left:0; width:260px; height:30px; padding:0 10px; background:#fff; z-index:99;}
.learn-box li span b,.learn-box li span em{ font-size:12px; font-weight:normal; color:#666;}
.learn-box li span b{ float:left;}
.learn-box li span em{ float:right;}


/*course-item*/	
    .course-item{ width:1180px; height:auto;}
	.course-item li{ width:278px; height:240px; border:1px solid #e5e5e5; background:#fff;margin-right:20px; margin-top:20px; 
	 float:left; display:block; position:relative; overflow:hidden;display:inline; } 
	.course-item li:nth-child(4n){ margin-right:0;}
	.course-item li a{ width:280px; height:160px; display:block; position:relative; background:#333;}
	.course-item li a i.icon-video{ display:none; width:60px; height:60px;
		position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px;}
    .course-item li a:hover i.icon-video{ display:block;}
	.course-item li a:hover img{ opacity:0.3;filter:alpha(opacity=30);}
    .course-item li .item-info{ width:258; height:70px; text-align:center; padding:0 10px;}
	.course-item li .item-info h5{ font-size:14px; color:#333; padding-top:10px; line-height:20px; height:25px;font-weight:normal;}
	.course-item li .item-info p{ display:none; height:30px; overflow:hidden;}
    .course-item li .item-info span,.course-item li .item-info p{ font-size:12px; color:#666;  -webkit-transition:all 0.3s linear; 
    	-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; transition:all 0.3s linear;}
	.course-item li .item-info span{ display:block; margin-top:10px;}
	.course-item li .item-info em{ float:right;}
	.course-item li .item-info b{ float:left;font-weight:normal;}
	.course-item li:hover .item-info p{ display:block;}
	.course-item li:hover .item-info span{ display:none;}
	.course-item li:hover{box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;}

	
/*hot-post-list*/	
.hot-post-list{ width:1180px; height:auto; }
    .hot-post-list li{ width:278px; height:270px; border:1px solid #d0d6d9; float:left;display:inline; position:relative;
    	margin-right:20px; margin-top:20px; }
	.hot-post-list li:nth-child(4n){ margin-right:0;}
	.hot-post-list li .hot-post-head{ width:278px; height:160px; overflow:hidden;}
	.hot-post-list li .hot-post-head img{ width:278px; height:auto; border:none;-webkit-transition:all 0.3s linear;
		-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
    .hot-post-list li p{text-overflow: ellipsis;white-space: nowrap; font-size:14px; color:#333; text-align:center; height:20px;
     overflow:hidden; width:94%; margin:10px auto 0;}
    .hot-post-list li span{text-overflow: ellipsis;font-size:12px; color:#666; display:block; padding:5px 10px 10px ; height:28px; 
    	line-height:18px;overflow:hidden; text-align:justify; text-justify: inter-ideograph;}
	.hot-post-list li .hot-post-info{ position:absolute; bottom:5px; left:0; width:278px; height:20px;}
	.hot-post-list  em, .hot-post-list li i{ display:inline-block; font-size:12px;color:#999; margin-left:10px;}
	.hot-post-list li  em{ float:left;}
	.hot-post-list li i{ float:right; margin-right:10px;}
	.hot-post-list li b{ color:#999;  font-weight:normal;}
	.hot-post-list li:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); 
		-o-transform:scale(1.2);transform:scale(1.2);}
	.hot-post-list li:hover{box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;}
	
/*follow-box*/	
.partner .container{width:1180px; height:auto; overflow:hidden;margin:0 auto; padding:10px 0;}
.partner h3{ display:inline-block; font-size:14px; width:60px; color:#333;}
.partner ul{ display:inline-block; margin-left:20px;}
.partner li{ display: inline-block;}
.partner li a{ padding:10px 20px;font-size:12px; line-height:20px; text-align:center; color:#666;}
.partner a:hover{ color:#32a5e7;}
.partner a.follow-btn{ font-size:12px; color:#666; float:right;}
.partner a.follow-btn:hover{ color:#32a5e7;}

	

/*about*/	
.top-bg{ width:100%; height:100%; position:relative; overflow:hidden; }
.top-bg .list{ position:absolute; top:0; left:0; height:100%;}
.top-bg .list li{ float:left; height:100%; text-align:center;}
.top-bg .item{ display:block; width:100%; height:100%;}
.top-bg-img{ background-repeat:no-repeat; background-position:center center; width:100%; height:100%;}

.main-left{ width:160px; float:left;} 
.main-left .nav-tab{ border:1px solid #d0d6d9;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; background:#fff;}
.main-left .nav-tab li{ width:160px; height:50px; border-bottom:1px solid #d0d6d9;}
.main-left .nav-tab li:last-child{ border-bottom:0 none;}
.main-left .nav-tab a{ width:160px; height:50px; display:block; padding-left:30px; line-height:50px; color:#333;}
.main-left .nav-tab a.current{ color:#32a5e7; border-left:2px solid #32a5e7; padding-left:28px;}

.main-right{ width:1002px; overflow:hidden;float:right; border:1px solid #d0d6d9; height:auto;  margin-bottom:30px;
 box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; display:none;}
.main-right .post-header{ width:98%;}
.main-right .post-header-right{ display: none;}

/*course*/
.course-nav-box{overflow:hidden;}
.course-nav-box{ border-bottom:none; height:auto;}

.course-nav-row{ width:1180px; padding:15px 0 5px; border-bottom:1px solid #d0d6d9;}
.course-nav-row span{ width:120px; line-height:24px; float:left; font-size:16px; color:#14191e; height:24px; text-align:right;}
.course-nav{ height:24px; margin-left:70px;}
.course-nav-item{ float:left; display:inline-block; margin:0 10px;}
.course-nav-item a{ font-size:14px; display:block; height:24px; line-height:24px; padding:0 10px; margin-bottom:10px;color:#14191e;}
.course-nav-item a:hover{ color:#32a5e7;}
.course-nav-item.on a{ background:#32a5e7; color:#fff;}
.course-box .course-list{ border:none;}


/*job*/	
.nav-tab{ margin-bottom:15px;}
.main-right .star-list{ width:100%; border:none; display:block; height:auto; min-height:1260px;}
.main-right .star-list li,.main-right .star-list li a,.main-right .star-list .star-info{ width:231px;}

/*certify*/
.certify-nav-box{ position:relative; width:1180px; height:40px; border-bottom: 1px solid #e5e5e5; margin-bottom:20px;}
.main-content a.contact-btn{ position:absolute; font-size:14px; display:inline-block; width:100px; line-height:30px; text-align:center; 
	height:30px; background:#32a5e7; border-radius:1px; color:#fff; top:0; right:0;}
.certify-nav-box li{ float:left; margin:0 10px;}
.certify-nav-box li:first-child{ margin-left:0;}
.certify-nav-box li a{color:#333;font-size:14px;display: block; height: 24px;line-height: 24px; padding: 0 10px; margin-bottom:10px;}
.certify-nav-box li a.current{ background: #32a5e7; color:#fff;}
.certify-nav-box li a.current:hover{ color:#333;}
.certify-nav-box li a:hover{ color:#32a5e7;}
.certify-cont{ width:1180px; height:auto; margin:10px auto;}
.certify-cont li{ width:278px; height:260px; border: 1px solid #d0d6d9; float:left; margin-left:20px; margin-bottom:20px;}
.certify-cont li:nth-child(4n+1){ margin-left:0;}
.certify-cont li a{width:278px; height:240px; display:block;}
.certify-list-img{ width:278px; height:160px; overflow:hidden;}
.certify-cont li img{ transition:all 0.8s; -webkit-transition:all 0.8s linear;-moz-transition:all 0.8s ; -o-transition:all 0.8s; }
.certify-cont li p{ font-size:16px; color:#333; margin-top:10px; margin-bottom:10px; margin-left:10px;}
.certify-cont li span{ height:33px; font-size:12px; color:#999; display:inline-block; width:93%; margin-left:10px; word-break:break-all; word-wrap:break-word;overflow:hidden;  text-align: justify;}
.certify-info{ width:93%; height:40px;border-top:1px solid #d0d6d9;  margin:10px auto;}
.certify-info em{ font-size:12px; float:right; display:inline-block; margin-top:10px; color:#999;}
.certify-info>em>i{ display:inline-block; margin-left:5px; margin-right:5px;}
.certify-cont li:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -0-transform:scale(1.2);
	-ms-transform:scale(1.2);}
.certify-cont li:hover{  box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;}
.certify-intro{ width:100%; border:1px solid #e5e5e5; background:#fff;}


/*view-p1*/
.course-breadcrumb{ font-size:16px; color:#787d80; width:1180px; height:60px; line-height:60px;}
.course-breadcrumb a{color:#787d80;}
.course-breadcrumb span{ color:#364247;}
.course-banner{ width:1180px; height:330px; background:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; position:relative;}
.course-img-wrap{ float:left; width:440px; height:330px; overflow:hidden;}
.course-info{ float:left; width:500px; height:330px; overflow:hidden;border: 1px solid #d0d6d9; border-left:none; background:#364247;}
.course-info h1{ font-size:18px; margin-top:15px; padding-bottom:10px;color:#fff;border-bottom: 1px solid #d0d6d9; padding-left:25px;}
.course-state{ width:480px; height:60px;border-bottom: 1px solid #d0d6d9;padding-left:25px;}
.course-state li{ float:left; width:160px; height:30px; margin-top:15px;}
.course-state li i{ width:30px; height:30px; background:url(../images/course-state-icon.png) no-repeat; display:inline-block; 
	float:left;}
.course-state li:nth-child(2) i{ background-position:0 -30px;}
.course-state li:nth-child(3) i{ background-position:0 -60px;}
.course-state li span{ display:inline-block; font-size:14px; color:#fff; margin-left:8px; line-height:30px;}
.course-intro{ width:460px; margin-top:15px; text-align:justify; height:200px; overflow:hidden;padding-left:25px; color:#fff;}
.course-banner-right{ width:238px; height:330px; border:1px solid blue; position:absolute; top:0; right:0;border: 1px solid #d0d6d9;
 border-left:none;}
.course-banner-right .course-btn a{ font-size:18px; float:left;line-height:165px;display:block; width:238px; height:165px;
	background-color:#32a5e7; text-align:center; color:#fff; opacity:1;filter:alpha(opacity=100);}
.course-banner-right .course-btn a:hover{ opacity:0.7;filter:alpha(opacity=70); color:#364247;}
.btn-collection{ float:left; position:relative;}
.btn-collection a{ display:block;width:238px; height:165px; background:#4d5a61; text-align:center; line-height:165px;}
.btn-collection i{ background:url(../images/heart-icon.png) no-repeat; width:36px; height:32px; display:block; overflow:hidden;
 position:absolute; top:60px; left:101px;}
.btn-collection a:hover i{ background-position:0 -44px;}
.btn-collection a:hover span{ color:#32a5e7;}
.btn-collection span{ font-size:14px;color:#787d80;line-height:40px;display:inline-block; width:100px; height:40px; position:absolute;
 top:90px; left:70px;}
.course-cont{ width:900px; height:auto; min-height:1160px;margin-top:20px; border: 1px solid #d0d6d9; background:#fff; 
	float:left; margin-bottom:20px; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; } 
.course-tab{ width:100%; border-bottom:1px solid #d0d6d9; margin-bottom:10px;}
.course-tab li{ display:inline-block; width:100px; height:40px;}
.course-tab li a{ display:inline-block; width:100px; height:40px; text-align:center; font-size:16px; line-height:40px; color:#364247;}
.course-tab li a:hover{color:#32a5e7; }
.course-tab li a.current{ border-bottom:2px solid #32a5e7; color:#32a5e7;}
.course-tab-content{ width:860px; margin:0 auto 15px;}
.course-tab-content p{ color:#333; margin:10px 0  20px; line-height:24px; font-size:14px;}
.course-tab-content h3{ font-weight:bold; margin:10px 0  20px; padding:25px 0 0; font-size:18px;}
.course-tab-content>img{margin:5px auto;}
.course-cont dd{ border:1px solid #fff; border-bottom-color: #d0d6d9; color:#787d80; line-height:50px; font-size:14px; 
	padding-left:20px;}
.course-cont dd:hover{ background:#F7F7F7; color:#32a5e7;}
.course-cont .operation{ float:right; font-size:13px; margin-right:10px;}
.course-cont .btn{ width:60px; height:30px; display:inline-block; padding:0 10px; line-height:30px; text-align:center; margin-top:10px;}
.course-cont .btn-success{ background:#32a5e7; color:#fff;}
.course-cont .btn-study{ border:1px solid #32a5e7; color:#32a5e7;}
.course-reply-title{ width:98%; height:40px; margin-top:60px; display:block;}
.course-reply-title span{ font-size:16px; margin-right:60px;}
.course-reply-title label{ font-size:14px; margin-right:20px;}
.course-slider{ width:260px; float:right; margin-top:20px; }
.course-slider dl{ clear:both; padding:0 20px 1px;background:#fff; margin-bottom:15px;border: 1px solid #d0d6d9;
	box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; }
.course-slider dl dt{ position:relative; height:50px; line-height:50px; font-size:16px; color:#333; border-bottom:1px solid #e3e6e8;}
.course-slider dl dd{ color:#656e73; line-height:1.5em; margin:20px 0;}
.course-teacher{ padding-top:10px;}
.course-teacher a.teacher-pic{ float:left; margin-right:10px;}
.course-teacher a.teacher-pic img{ -webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; -ms-border-radius:40px;
 border-radius:40px;}
.course-teacher h3{ margin-top:15px; font-size:16px; color:#333; line-height:30px;}
.course-teacher p{ font-size:12px; color:#666;}
.course-teacher .discrip{ margin-bottom:20px; font-size:12px; text-align:justify;}
.course-relation-list img{ float:left; margin-right:10px;}
.course-name{ cursor:pointer; word-break:break-all; word-wrap:break-word; font-size:12px; color:#60686b; line-height:20px;}
.course-name:hover{ color:#32a5e7; text-decoration:underline;}
.course-contact a{ color:#333; font-size:14px; display:block; margin-bottom:10px;}
.course-contact i{ width:20px; height:16px; display:inline-block; background:url(../images/qq.png) no-repeat; margin-right:8px;}
.course-contact i.contact-qq{ background-position:-20px 0;}
.course-contact i.phone{ background-position:-40px 0;}
.course-contact a em{ color:#656e73; display:inline-block; margin-left:8px;}
.conrse-contact p em{ font-size:14px;}

/*view-p2*/
.play-container{ background-color:#292929; padding:50px 0 36px;}
.play-main{ width:1200px; padding:0; margin:0 auto;}
.play-title{ color:#fff; margin-bottom:20px;}
.play-title>h2{ font-size:30px; font-weight:normal;}
.play-list{ width:1200px; background:#1f1f1f; position:relative;}
.play{ width:900px; height:450px; background:#000; position:relative;}
.play a{ color: #fff; font-size:18px; margin-top:150px; display:inline-block;}
.play input{ position:absolute; width:100px; height:40px; border-top:200px; left:0; background:#424242; color:#fff;}


.play-aside{ position:absolute; width:280px; height:100%; right:0;top:0; background:#424242;}
.play-aside h3{ text-align:center; color:#fff; margin-top:10px; margin-bottom:10px;font-size:18px; font-weight:normal;}
.play-aside-list{margin-top:10px; overflow-y:scroll; overflow-x:hidden;height:400px;}
.play-aside li{ height:36px; line-height:36px; width:280px; margin:0 auto;}
.play-aside .course-play{ background:#202020; border-radius:4px;}
.play-aside .course-play a{ color:#fff; cursor:default;}
.play-aside .course-play a:hover{ color:#fff;}
.play-aside li a{ font-size:14px; color:#a1a1a1; height:100%; width:100%; display:block; padding-left:10px; overflow:hidden;}
.play-aside li a:hover{color:#32a5e7;}
.course-subcontainer{ width:1180px; margin:0 auto; overflow:hidden;}
.course-subinfo{ width:900px; height:auto;}
.course-subinfo p{ font-size:14px; color:#333; text-align:justify;}
.course-reply{width:900px;float:left; margin-bottom:20px; background:#fff;}


/*user-p1*/
.user-content{ width:100%; height:auto; margin-top:20px;}
.user-info{ width:1180px; height:450px; margin:0 auto; background:url(../images/user-banner-3.jpg) no-repeat;
 box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; }
.user-info-left{ width:200px; height:280px; background:#fff; border:1px solid #d0d6d9; float:left; margin-left:50px;
 margin-top:150px; opacity:0.9; filter:alpha(opacity=90);}
.user-head{ margin:10px auto; width:100px; height:100px; border-radius:50%; overflow:hidden;}
.user-name{ margin:10px auto; text-align:center;}
.user-name span{ font-size:14px; color:#333;}
.user-name p{ font-size:12px; color:#656e73; margin:10px auto;}
.user-follow { width:200px; margin:0 auto; text-align:center; }
.user-follow a{ padding:0 5px;  display:inline-block; line-height:30px; font-size:12px; color:#656e73; text-align:center; }
.user-follow .follow-count{ font-size:18px; color:#32a5e7; margin-right:5px;}
.user-info-right{ width:916px; height:350px; float:right; }
.btn-follow,.btn-setting-data{width:80px; height:18px; display:block; color:#656e73;line-height:18px; text-align:center; 
	margin-left:60px; margin-top:5px; font-size:14px; background:url(../images/user-follow.png) no-repeat; padding:0 0 0 15px;}
.btn-setting-data{ background-position:0 -54px; opacity:1;filter:alpha(opacity=100);}
.btn-setting-data:hover{opacity:0.7;filter:alpha(opacity=70); color:#32a5e7;}
.btn-setting-img{ width:100px; height:30px; display:block; background:#fff; opacity:0.6; filter:alpha(opacity=60);color:#656e73; 
	line-height:30px; text-align:center; float:right;margin-right:20px; margin-top:400px;}
.btn-setting-img:hover{opacity:0.3; filter:alpha(opacity=30);}
.user-space{ width:1180px;min-height:1070px; margin:0 auto 30px;height:auto;background:#fff;border:1px solid #d0d6d9;
	box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;}
.user-tabnav{ width:1180px; height:60px;border-bottom:1px solid #d0d6d9; }
.user-tabnav li{ float:left; width:120px; height:60px;}
.user-tabnav li a{ font-size:16px; width:100px; height:60px; display:block;line-height:60px; text-align:center; color:#656e73;}
.user-tabnav li a:hover{ color:#32a5e7;}
.user-tabnav li a.current{ border-bottom:2px solid #32a5e7; color:#32a5e7;}
.user-space-cont{ width:1180px; height:auto; padding-top:15px; }
.user-space-cont .course-item{ border:none;}

.msg-list{ margin-bottom:30px;}
.msg-list li{ display:block; width:1180px; float:left; padding:15px 0; height:80px; border-bottom:1px solid #d0d6d9;}
.msg-list li a.msg-a{ width:60px; height:60px; margin:10px; float:left;}
.msg-list li a.msg-a img{ border-radius:50%;}
.msg-list .msg-con{ margin:30px 130px 0 100px;}
.msg-list .msg-con p a{ color:#32a5e7;}
.msg-list .msg-con p span{  color:#666; font-size:14px; line-height:20px; display:inline-block; margin-left:5px;}
.msg-list .msg-con p span.date{ font-size:12px; color:#b8c4ce;}

.follow-list li {display:block; width:1180px; float:left; padding:15px 0; height:80px; border-bottom:1px solid #d0d6d9;}
.follow-list li a.follow-a{ width:60px; height:60px; margin:10px; float:left;}
.follow-list li a.follow-a img{ border-radius:50%;}
.follow-list .follow-con{ margin:10px 130px 0 100px;}
.follow-list .follow-con a{ color:#333; font-size:16px;}
.follow-list .follow-con a.btn-follow{ margin-left:50px; margin-top:-15px;}
.follow-list .follow-con p{ font-size:12px;color:#b8c4ce; line-height:18px; margin-top:10px;}


/*user-p2*/

.setting-right-wrap{ padding:30px 60px; min-height:600px; }
.setting-profile{ padding:25px 0 20px 40px;}
.wlfg-wrap .label-name{ float:left; width:140px; text-align:right; height:40px; line-height:40px; font-size:14px; color:#656e73;}
.wlfg-wrap .rlf-group{ margin-left:150px;}
.rlf-group>#QQ{ height:38px; width:415px;}
.setting-profile .rlf-input{ width:360px;}
.setting-profile .rlf-input-nick{ background-position:0 -96px;}
.rlf-input{ border:1px solid #ccc; line-height:24px; height:24px; padding:7px 7px 7px 48px; font-size:14px;
 background:url(../images/ipt-sprite.png) no-repeat; }
.rlf-tip-wrap{ font-size:12px; height:30px;}
.setting-profile .rlf-select{ width:415px;}
.rlf-select{ display:inline-block; border:1px solid #d0d6d9; height:38px; font-size:14px; padding:7px;}
.rlf-radio-group{ padding:7px 0 0 7px; vertical-align:middle;}
.rlf-radio-group label{ margin-left:20px;}
.rlf-radio-group input{ display:inline-block; vertical-align:middle;}
.rlf-group .textarea{ border:1px solid #d0d6d9; width:400px; font-size:14px; line-height:1.6em; padding:7px;
resize:none; text-align:left; text-align:start; text-indent:0px;}
.profile-btn{ width:417px; display:block;}
.rlf-btn-blue{ color:#fff; font-size:14px; background-color:#32a5e7; text-align:center; height:40px; line-height:40px;}
.setting-userhead{ padding:60px 150px; text-align:center;}
.userhead-img{ float:left;}
.userhead-btn{ height:40px; width:220px; background:#32a5e7; display:block; float:left; text-align:center; line-height:40px; 
	margin-left:30px; margin-top:180px; color:#fff; cursor:pointer;}
.setting-space-bg{ padding:60px 120px;}
.space-bg-btn{height:40px; width:220px; background:#32a5e7; display:block;text-align:center; line-height:40px;  margin:80px auto;
 color:#fff; cursor:pointer;}
.rlf-btn-blue,.space-bg-btn,.rlf-btn-email,.userhead-btn{opacity:1; filter:alpha(opacity=100);}
.rlf-btn-blue:hover,.space-bg-btn:hover,.rlf-btn-email:hover,.userhead-btn:hover{opacity:0.7; filter:alpha(opacity=70);}
.setting-verify{ padding:130px 60px 120px; text-align:center;}
.setting-verify h1{ font-size:18px; font-weight:normal;}
.setting-verify p{ font-size:20px; margin:14px 0 20px;}
.rlf-btn-email{ background-color:#32a5e7; color:#fff; font-size:14px; width:140px; height:40px; line-height:40px; border:none;}
.setting-resetpwd{ padding:30px 60px 60px 70px;}
.setting-resetpwd .rlf-input{ width:360px;}
.setting-resetpwd .rlf-input-pwd{ background-position:0 -48px;}

/*bbs-p1*/
.main-content{ width:1180px; margin:30px auto; height:auto; min-height:800px; }
     .nav-sidebar{ width:120px; height:auto;  border:1px solid #d0d6d9; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;float:left;
      overflow:hidden;}
     .nav-title{width:120px; height:40px; display:block; border-bottom:1px solid #d0d6d9; position:relative;} 
	 .nav-title a{ font-size:16px; line-height:40px; margin-left:10px; font-weight:normal;}
	 .nav-title:hover a{ color:#000;}
	 .nav-active{ color:#32a5e7;}
	 .nav-sidebar .nav-tab li{ padding:8px 0 8px 10px; border-bottom:1px solid #d0d6d9; display:block; float:left; width:97%;}
	 .nav-sidebar .nav-tab li:last-child{ border-bottom:0 none; padding-bottom:0;}
	 .mune-tab dt a{ color:#333; font-size:14px;float:left; display:block; width:98%;}
	 .mune-tab dd{ margin-top:3px;}
	 .mune-tab dd a{ margin-right:5px; line-height:24px;font-size:12px; color:#666; float:left; }
	 .nav-sidebar .mune-tab dd a{ display:block; width:98%;}
	 .nav-tab li a:hover { color:#32a5e7;}
	 
	 .layout-left{ float:left; width:878px; height:auto;  min-height:1200px; margin-bottom:20px;}
	 .layout-left .post{ width:878px; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ; height:auto; float:left; border:1px solid #d0d6d9;}
	 .breadcrumb{ margin:15px 0  15px 0; font-size:14px; line-height: 30px; color:#d0d6d9; position: relative;}
	 .breadcrumb a{ color:#666;}
	 .breadcrumb a.newpost{ text-align:center; height:40px; line-height:40px; width:280px; background:#32a5e7; position: absolute;
	  right:0;
	  top:0; color:#fff; font-size:16px;}
	 .post-data{ position:absolute; height:20px; text-align:right; color:#999; top:20px; right:20px;}
	 .post-data>span{ display:inline-block; margin-right:15px; margin-left:15px; font-size:14px;}
	 .post-data>span>i{ display:inline-block; margin-left:5px;}
	 .newpost{ height:50px; border-bottom:1px solid #d0d6d9; line-height:49px; }
	 .newpost-tab{ color:#666; padding:0 30px; float:left; font-size:16px; }
	 .newpost .active{ border-bottom:2px solid #32a5e7; color:#32a5e7;}
	 .newpost-tab:hover{ color:#32a5e7;}
	 .post-list{ padding:0 20px; height:auto;}
	 .post-listcon{ padding:10px 0; border-bottom:1px solid #e3e5e5; position:relative; width:98%; margin:0 auto;}
	 .headslider{ position:absolute; top:20px; left:0; width:90px; text-align:center;} 
     .post-user-head{ display:inline-block; width:40px; height:40px;-webkit-border-radius:20px; -moz-border-radius:20px; 
     	-o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; background:#ccc; overflow:hidden;}
     .post-username{ display:block; text-align:center; color:#666; font-size:12px; line-height:1.8em;  overflow:hidden; 
     	white-space:nowrap; text-overflow:ellipsis;}
     
     .postslider{ width: auto; padding:10px 103px 0 0; margin-left:110px; min-height:85px; word-break:break-all; word-wrap:break-word;
      position:relative;}
     .postslider .reply-number{ font-size:12px; position:absolute; top:10px; right:0; height:51px; color:#666; text-align:center;}
     .hasanswernum .ys{ color:#32a5e7;}
	 .ys,.browsenum{ float:left; width:44px; height:31px; margin:10px 0;}
     .ys{ border-right:1px solid #e5e5e5;}
	 .postslider .reply-number .number{ line-height:12px; height:12px; padding-bottom:7px;}
     .post-title-link{ color:#333;font-size:14px; line-height:20px; }
     .post-title i{ display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px; border-radius:4px;
      margin-right:4px; vertical-align:middle; text-align:center; line-height:22px; font-size:14px; color:#fff;}
     .post-title i.icon-top{ width:44px; height:22px; background:#32a5e7;}
     .post-title i.icon-good{ width:22px; height:22px; background:#f30;}
     .post-title a:hover,.reply-cont a:hover{color:#32a5e7; text-decoration:underline;}
	 .reply-cont a{ color:#333;}
	 .reply-cont{ margin-top:6px; font-size:14px; word-break:break-all; word-wrap:break-word; color:#666; }
	 .reply-userhead img{ border-radius:10px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
     .reply-footer{ width:auto;color:#999; font-size:12px; line-height:24px;}
  	 .reply-footer .post-time{ margin-right:20px; display:inline-block; vertical-align:middle; float:left;}
  	 .keyword-list{ display:inline-block;vertical-align:middle;float:left; line-height:25px;}
  	 .keyword-list i{ font-size:18px; margin-left:20px; color:#333;vertical-align:middle;}
  	 .keyword-list span{margin-left:10px; margin-right:10px; float:left;}
  	 .keyword-list a{vertical-align:middle; color:#666;padding: 0 10px; height:24px; float:right;line-height:24px; font-size:12px;
  	  background:#e5e5e5; margin-right:2px; transition:all 0.25s linear; -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s
  	   linear;}
     .keyword-list a:hover{ background:#32a5e7; color:#fff;}
     .page{ margin:20px auto; clear:both; text-align:center;}
	 .page span,.page-disabled{ display:inline-block; padding:0 5px; min-width:20px; height:30px; line-height:30px; font-size:14px; 
	 	color:#fff; text-align:center; background:#32a5e7;}
     .page a{ display:inline-block; margin:0 5px; padding:0 5px; min-width:20px; height:29px; font-size:14px; text-align:center;
     	line-height:30px;  border-bottom:1px solid transparent; transition:border 0.2s; -webkit-transition:border 0.2s;
     	 -moz-transition:border 0.2s;  color:#666;}
	 .page a:hover{ border-color:#32a5e7; color:#32a5e7;}
     .page a.active{ background:#32a5e7; color:#fff; border-color:transparent;}
	 
	
 	 .bbs-active{ width:838px; padding:20px 20px 0; background:#fff; border:1px solid #e5e5e5; height:auto; margin-top:20px; overflow:hidden;
 				box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px;}
 	 .bbs-active h3{ font-size:16px; font-weight:bold; color:#333; margin-bottom:20px;}
 	 .bbs-active li{ float:left; width:419px; height:120px; margin-bottom:20px;}
 	 .bbs-active li img{ float:left;}
 	 .bbs-active li .active-info{ margin-left:210px; padding-right:10px;}
 	 .bbs-active li:first-child .active-info{padding-right:20px;}
 	 .bbs-active li .active-info>h4>a{ font-size:14px; color:#333;margin-bottom:5px; display:inline-block;}
	 .bbs-active li .active-info>span{ color:#999; font-size:12px; display:inline-block; height:46px; text-overflow:ellipsis; 
	 	overflow:hidden; text-align:justify;}
 	 .bbs-active li .active-info>p>a{ color:#666; font-size:14px;margin-top:5px; display:inline-block;}
 	 .bbs-active li .active-info a:hover{ color:#32a5e7; text-decoration:underline; }

	 .post-slider{ float:right; width:240px;height:auto; background:#fff; padding:20px; border:1px solid #d0d6d9; margin-bottom:20px;
	  box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px;}
	 .chekin>a{height:50px;display:block; line-height:50px; font-size:16px; color:#fff;}
     .newpost-container .newpost-btn,.chekin{height:50px;display:block; line-height:50px; border-radius:1px; font-size:17px; 
     	text-align:center; background-color:#32a5e7; color:#fff; opacity:1;filter:alpha(opacity=100);}
	 .newpost-container .newpost-btn i{ display:inline-block; width:20px; height:20px;
	 	 margin-right:10px; vertical-align:middle;}
	 .chekin{ margin-bottom:15px;}
	 
	 .newpost-btn:hover,.chekin:hover{ opacity:0.7;filter:alpha(opacity=70);}
     .panel{ background:#fff; margin-top:30px; display:block; height:auto; overflow:hidden;}
     .panel h2{ font-weight:bold;color:#333; font-size:16px;border-bottom:1px solid #e5e5e5; padding-bottom:20px; 
     	margin-bottom:15px; display:block;}
     .panel a.more-block{ position:absolute; top:0; right:0; margin-top:0; font-size:14px; color:#fff; display:block;
        width:80px; height:24px; line-height:24px; text-align:center; color:#333; border-radius:1px;}	
     .panel a.more-block:hover{ text-decoration:underline; color:#32a5e7;}
     .panel .block-list{ width:240px; height:auto; overflow:hidden; margin-top:-15px;}
     .panel .block-list li{ width:118px; float:left; height:40px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
     .panel .block-list li:nth-child(2n){border-right:none;}
     .panel .block-list li a{display:block; line-height:40px; color:#333; text-align:center; font-size:14px;}
     .panel .block-list li a:hover{ color:#32a5e7; text-decoration:underline;}
     .panel-heading{position:relative;}
	 .panel-heading a{ font-size:12px; color:#666; float:right; margin-top:-18px; margin-right:5px;}
	 .panel-heading a:hover{ color:#32a5e7;}
	 .panel-title{ font-size:14px; color:#333; padding-left:10px;}
	 .hot-post-tab  li{ padding:8px 10px; line-height:18px; }
	 .hot-post-tab .hoticon{ font-size:14px; margin-right:8px; display:inline-block; float:left; font-style:italic;color:#333;}
	 .hot-post-tab li:nth-child(1) .hoticon{color:#ff0012; }
	 .hot-post-tab li:nth-child(2) .hoticon{color:#ff6000; }
	 .hot-post-tab li:nth-child(3) .hoticon{color:#f80; }
	 .hot-post-tab li a{ font-size:12px; color:#333;}
     .hot-post-tab li a:hover{color:#32a5e7; text-decoration:underline;}
	 .user-rank{ height:auto; overflow:hidden;}
     .hot-user-tab li{ margin:6px 0 6px 10px; line-height:18px; float:left; }
     .hot-user-tab li:nth-child(1) .rank-count,.hot-user-tab li:nth-child(2) .rank-count,.hot-user-tab li:nth-child(3) 
     .rank-count{ background-position:0 0; color:#fff;}
	 .hot-user-tab li a:hover{ color:#32a5e7;}
	 .hot-user-tab .rank-count{ float:left;color:#414141; 
	 	background-position:-46px 0; width:23px; height:40px; padding-top:6px; text-align:center; font-size:16px;}
     .hot-user-tab .rank-low{ background-position:-35px 0; color:#666; }
	 .hot-user-tab .rank-user-head{ width:40px; height:40px;-webkit-border-radius:50%; -moz-border-radius:50%;
	 	-o-border-radius:50%; border-radius:50%; overflow:hidden; float:left; margin-left:8px; margin-right:8px; }
     .hot-user-tab .rank-user-info{ width:150px; height:40px; float:left; line-height:40px;}
	 .hot-user-tab .rank-user-info a{text-overflow: ellipsis; white-space: nowrap;overflow: hidden; display:inline-block; 
	 	font-size:12px;text-align:center; color:#333; vertical-align:middle; width:70px;}
	 .hot-user-tab .rank-user-info span{font-size:14px; color:#666;}
	
	 
/*post-p1*/
.post-banner{ width:100%; height:210px; margin-bottom:20px;}
.post-banner a{ display:block; margin-right:20px; width:280px; height:210px; float:left;}
.post-banner a:last-child{margin:0;}
.post-section-box{ width:880px; height:auto; float:left; overflow:hidden;}
.post-section{ width:878px; height:auto; background:#fff; border:1px solid #d0d6d9; margin-bottom:20px;}
.section-title{ width:838px; height:40px; border-bottom:1px solid #d0d6d9; line-height:40px; font-size:16px; padding:5px 20px 0;}
.section-title span{ display:inline-block;}
.section-title span.title-right{ float:right; color:#666;} 
.section-list{ width:840px; height:auto;padding:0 20px 0 20px;overflow:hidden;}
.section-list li{ float:left; width:280px; margin-bottom:20px; padding-top:20px;}
.section-list li.list-one,.section-list li.list-two,.section-list li.list-three{ border:none;}
.section-list a{ color:#333; font-size:15px;}
.section-list a:hover{ color:#32a5e7;}
.section-list a img{ float:left; margin-right:10px; width:40px; height:40px;}
.section-list a>span{ color:#666; font-size:12px; }

 
/*post-p2*/ 
.post-box{ width:100%; height:auto;}
.post-box-top{  width:240px;float:right; }
.post-box-top,.post-list-box{height:auto; background:#fff; padding:20px; border:1px solid #d0d6d9; margin-bottom:20px;
	box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px;}
.post-box-top .top-title{ border-bottom:1px solid #e5e5e5;padding-bottom:10px; margin-bottom:20px;}	
.post-box-top span{ font-size:14px; color:#666; display:inline-block;  margin:10px 10px 0 0;}
.post-box-top h4{ font-size:18px; color:#32a5e7;  font-weight:normal;}
.post-box-top p{ color:#666; font-size:14px; line-height:24px;}
.post-box-top .description{ font-size:14px; color:#666; line-height:22px; text-align:justify;}
.post-box-top .post-related{ padding:0; margin-top:30px; box-shadow:none;}
.post-list-box{ width:878px; padding:0 0 10px 0; float:left;position:relative;}
.post-nav{ width:100%; height:60px; background:#f4f4f4;}
.post-nav a{ display:inline-block; padding:0 20px; height:58px; line-height:58px; font-size:16px; color:#333;}
.post-nav a.current{ color:#32a5e7; border-top:2px solid #32a5e7; background:#fff;}
.post-nav a.newpost-btn{ width:70px; height:40px; border-radius:1px; text-align: center;  color:#fff; 
	line-height:40px;display: block; position: absolute; top:10px; right:20px; background: #32a5e7;}   
.postslider .post-intro{ max-height:240px; overflow:hidden;}
.postslider .post-intro>a{ font-size:14px; color:#666;word-break:break-all; word-wrap:break-word; text-align: justify; 
	text-justify:inter-ideograph;overflow: hidden;margin-top:10px; margin-bottom:8px; display:block;}
.postslider .post-intro>a>p{ margin-bottom:10px;}
.postslider .post-intro img{ max-width:100px; height:auto; max-height:80px;}

    
   
/*bbs-p2*/
     .post-left{ overflow:hidden;  float:left;}
     .post-left .post{width:878px; height:auto; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px; margin-bottom:20px;border:1px solid #e5e5e5;}
     .post-header{ width:840px; height:auto; border-bottom:1px solid #d0d6d9; overflow:hidden; padding:0 20px;}
	 .post-header .post-userhead{ display:inline-block; float:left; margin-right:15px;padding:20px 0;}
	 .post-info{ float:left; padding:20px 10px;}
	 .post-info .post-title a{ font-size:18px; font-weight:blod;}
	 .post-info .post-links p{ font-size:14px; color:#b7b7b7; margin-top:10px;}
	 .post-info .post-links p a{ color: #4c5356;}
     .post-info .reply-info{ float:left;}
	 .post-info .reply-info span{ margin:0 5px;}
	 .reply-info span>a{ color:#32a5e7;}
	 .post-header-right{ float:right; width:150px; height:60px; padding:30px 0 30px 10px; border-left:1px solid #d0d6d9;
	  text-align:right;}
	 .post-header-right span{ font-size:14px;margin-right:10px; line-height:40px;}
	 .post-header-right #hits{ font-size:48px; color:#535353;}
	 .post-header-right p{ font-size:12px; color:#999; margin-top:10px;}
	 .post-header-right a{background:url(../images/heart-icon-1.png) no-repeat; width:36px; height:32px; display:inline-block;
	 	float:right;margin-top:10px; margin-right:10px; }
	 .post-header-right a:hover{ background-position: 0 -44px;}
	 .post-header-right a.on{ background-position:0 -88px;}
	 .post-cont{ width:840px; height:auto;padding-bottom:15px;  margin:20px auto; overflow:hidden; line-height:32px;}
	 .post-cont img{max-width:840px !important; height:auto !important; display:block;  margin:0 auto;}
	 .post-cont p{ color:#333; margin:10px 0  20px;}
	 .post-cont h3{ font-weight:bold; margin:10px 0  20px; padding:25px 0 0; font-size:18px;}
	 .praise-cont{ width:60px; height:60px;}
	 .post-bottom{ width:100%; height:60px; background:#32a5e7; text-align:center;}
	 .post-bottom .keyword-list{ margin-top:18px;}
 	 .post-bottom .keyword-list a{ color:#fff; background:#32a5e7;}
 	 .post-bottom .keyword-list a:hover{ color:#32a5e7; background:#fff;}

	 .collect{ text-align:center; display:inline-block;}
	 .collect a{ display:inline-block; height:60px; width:200px; text-align:center; line-height:60px; color:#fff; font-size:16px;}
	 .collect a i{width:24px;height:21px;display:inline-block;vertical-align:middle; margin-right:10px; 
	 	background:url(../images/heart-icon-2.png) no-repeat; background-position:0 -30px;}
	 .collect a:hover{ color:#333; opacity:0.7; background:#81dffa;}
	 .collect a:hover i{ background-position:0 0;}
	 .collect a.on i{ background-position:0 -88px;}

	 .bdsharebuttonbox{ float:right; margin-right:10px; margin-top:15px;}

	 .post-media{ width:100%; height:80px;}
	 .post-media li{ width:33.33%; height:80px; float:left; background:#dbe1e6;}
	 .post-media li a{ color:#535353; font-size:34px; font-weight:blod; line-height:80px; display:block; width:100%; height:80px; 
	 	border-left:1px solid #d0d6d9;}
	 .post-media li a:hover{ color:#fff; background:#32a5e7;}
	 .post-media li a>i{width:40px; height:40px; display:inline-block;  vertical-align:middle; margin-left:20px; margin-right:10px;}
	 .post-media li a.collection>i{ background:url(../images/Collection-icon.png) no-repeat;}
	 .post-media li a.icon-praise>i{ background:url(../images/praise-icon.png) no-repeat;}
	 .post-media li a.icon-praise:hover>i,.post-media li a.collection:hover>i{ background-position:0 -40px;}
	 .praise-cont .praise-btn{ width:60px; height:60px; border-radius:30px;display:inline-block; 
	 	background:url(../images/praise-icon.png) no-repeat;}
     .praise-cont span{ font-size:12px;}
	 .share{ margin:0 auto; display:block; width:135px; height:30px; }
	 .share a{ width:30px; height:30px; display:inline-block; background:url(../images/share-icon.png) no-repeat;}
	 .share .share-qq{ background-position:0 0;}
	 .share .share-qq:hover{ background-position:0 -30px;}
	 .share .share-qzone{ background-position:-30px 0;}
	 .share .share-qzone:hover{ background-position:-30px -30px;}
	 .share .share-wb{ background-position: -60px 0;}
	 .share .share-wb:hover{ background-position:-60px -30px;}
	 .share .share-wx{ background-position:-90px 0;}
	 .share .share-wx:hover{ background-position:-90px -30px;}

     

	 .post-reply-content{width:878px; height:auto; min-height:300px; margin-bottom:30px; background:#fff; 
	 	border:1px solid #e5e5e5;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px;}
	 .post-reply-content .ke-container{ width:98% !important;}
	 .post-input-cont{ margin:15px auto;}
	 .post-input-cont .post-input{ height:90px; width:98%; padding:5px; border:1px solid #c1c1c1;}
	 .post-input-btn{ float:right; text-align:right; display:block;  width:824px; }
	 .post-input-btn span{ font-size:12px; color:#333;}
	 .post-input-btn .input-count{ color:#ff0012;}
     .post-input-btn .blue-btn{ height:30px; width:90px; font-size:14px; background:#32a5e7; color:#fff; border:none;}
     .post-user{ width:60px; height:40px;  text-align:center; float:left; margin-top:15px;}
     .post-user a{ width:40px; height:40px; display:inline-block;}
  	 .post-comment-wrap{ position:relative; width:98%; margin:0 auto; height:auto; overflow:hidden; border-top:1px solid #e5e5e5;}
	 .post-comment-cont{ padding:15px 0 15px 15px; background:#fff;  width:91%; margin-left:60px;}
	 .post-comment-cont img{max-width:780px !important; display: block;  width: expression(this.width > 500 ? 500: true); 
	 	height:auto;margin-bottom:8px;}
	 .post-comment-inner img{ display:inline-block;}
	 .post-comment-cont .rich-text{ font-size:14px; line-height:1.7em; overflow:hidden; padding-right:75px; 
	 	word-break:break-all; word-wrap:break-word;}
	 .post-comment-addon{ position:relative; padding:10px 0; font-size:12px; color:#999;}
	 .post-comment-addon-r{ position:absolute; right:0; top:10px; line-height:24px; color:#32a5e7;}
	 .post-comment-addon-r a{color:#666; margin:0 5px; font-size:14px; display:inline-block; vertical-align:middle;}
	 //*.post-comment-addon-r a>i{ vertical-align:middle; width:20px; height:20px; display:inline-block; background:url(../images/mes-sup.png) no-repeat;}
	 .post-comment-addon-r a>i.message{ background-position:0 -20px;}*//
	 .post-comment-addon-r a:hover{ color:#32a5e7;}
	 .reply-nav{ width:100%; height:50px; background:#e5e5e5;}
	 .reply-nav a{ display:inline-block; padding:0 20px; height:48px; line-height:48px; font-size:16px; color:#333;}
	 .reply-nav a.on{ color:#32a5e7; border-top:2px solid #32a5e7; background:#f4f4f4;}

	 .post-reply{background: #f5f6f7;padding:20px 20px 0 20px; width: 94%; margin-top:10px;}
	 .post-reply-userhead img{ width:40px; -webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;
	 	-ms-border-radius:20px; border-radius:20px;}
	 .post-reply-item{ padding-bottom:20px; margin-bottom:20px;position:relative; border-bottom:1px solid #e5e5e5; width:740px; }
	 .post-reply-item:last-child{ border: none;}
	 .post-reply-item-inner{ margin-left:50px; margin-top:-50px;font-size:12px; padding-left:10px; width:92%; }
     .post-reply-item-inner img{max-width:680px !important;}
     .post-reply-item-inner a.post-reply-username{color:#32A5E7; margin-right:20px; font-weight:bold;}
	 .post-reply-item-cont{ font-size:12px; line-height:20px; padding-top:3px; overflow:hidden; color:#333;}
	 .post-reply-item-cont img{ max-width:650px; height: auto;display:inline-block;}
     .post-reply-item-foot{ color:#999; font-size:12px; padding:10px 0 7px; }
     .post-reply-item-inner span{ color:#999;}
     .reply-item-index{ float:right;}
	 .post-comment-reply{  margin-left:10px; color:#999; cursor: pointer;}
	 .overplusnum{ height:60px;text-align:center; font-size:12px; line-height:60px; margin:0 auto; color:#d0d6d9; cursor:pointer;}
     .post-reply-ibox{ padding:20px 0; border-bottom:1px solid #e3e5e5; }
	 .post-reply-iuserhead{ width:40px; float:left;}
	 .post-reply-iuserhead img{ width:40px;-webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;
	 	-ms-border-radius:50%; border-radius:50%;behavior:url(/statics/yzfone/js/iecss3.htc);}
	 .post-reply-iwrap{ padding-left:7px; margin-left:40px;}
	 .post-reply-iarea{ line-height:1em;}
	 .post-reply-iwrap textarea{ padding:7px; height:80px; width:650px; font-size:12px; line-height:1.7em;}
	 .post-reply-ifoot{ padding:10px 0 10px 66px; float:right;}
	 .post-tips{ font-size:12px; line-height:30px; color:#666;}
	 button.btn-mini{ height:30px; line-height:30px; padding:0 15px; font-size:12px; width:auto;cursor:pointer;}
	 .btn-normal{ color:#4e4e4e; background:#dbdbdb; border:1px solid #d0d6d9; }
	 .btn-blue{ color:#fff; border:1px solid #32a5e7; background:#32a5e7;}
	 .post-comment-page{ border-top:1px solid #e3e5e5; padding-top:20px;  padding-bottom:20px;text-align:center;  width:100%;}
	 .post-comment-page span,.page-disabled{ display:inline-block; padding:0 5px; min-width:20px; height:30px;
	  line-height:30px; font-size:14px; color:#fff; text-align:center; background:#32a5e7;}
     .post-comment-page a{ display:inline-block; margin:0 5px; padding:0 5px; min-width:20px; height:29px; 
     	font-size:14px; text-align:center; line-height:30px; 
	          border-bottom:1px solid transparent; transition:border 0.2s; -webkit-transition:border 0.2s;
	           -moz-transition:border 0.2s; color:#666;}
	 .post-comment-page a:hover{ border-color:#32a5e7; color:#32a5e7;}
     .post-comment-page a.active{ background:#32a5e7; color:#fff; border-color:transparent;}

	 .post-right{ width:280px; float:right;}
     .post-related{ width:240px; padding:20px; overflow:hidden; height:auto; background:#fff;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px; }
	 .post-related h2{ color:#32a5e7; font-size:16px;border-bottom:1px solid #e5e5e5; padding-bottom:20px; font-weight:normal;}
	 .post-related ul{ width:240px; height:auto; display: block; overflow:hidden;}
	 .post-related li{ float:left; width:240px; height:137px; margin-top:20px;}
	 .post-related li a{ width:100%; height:137px; overflow:hidden; display:block; position:relative;}
     .related-hidden{ width:100%; height:35px; background:rgba(0,0,0,0.7); position:absolute; top:137px; left:0;
      transition:all 0.2s linear;}
     .related-hidden p{ color:#fff; line-height:30px; font-size:14px;}
     .post-related li a:hover .related-hidden{ top:107px;}


/*new-post*/
.main-content{ width:1180px; margin:30px auto; height:auto; min-height:800px; }
.post-left h4{ font-size:16px; color:#14191e; height:59px; line-height:59px; border-bottom:1px solid #d0d6d9; padding-left:20px;}
.input-post{ padding:30px 0 30px 20px; min-height:1000px !important;}
.input-post select {height: 40px;width: 240px;}
.post-category{ margin-bottom:25px;}
.input-post-title{ margin-bottom:25px;}
.input-post-label{ float:left; font-size:14px; color:#666; text-align:left; line-height:38px; width:44px;}
.post-category .onactive{ background:#32a5e7; color:#fff;}
.post-category a{ width:90px; height:38px; text-align:center; display:inline-block; line-height:38px; border:1px solid #d0d6d9;
	color:#14191e;}
.input-post-area{ position:relative; margin-left:44px;}
.input-post-area .posts-title{ width:500px; height:40px;}
.errortip{ height:24px; line-height:24px; font-size:12px; color:#cc0000; clear:both;}
.editor{position:relative; margin-left:44px; margin-top:20px; width:900px; height:430px;border:1px solid #d0d6d9;}
.save-post{ margin-top:30px; text-align:center;}
#dosubmit{ width:320px; height:38px; color:#fff; background:#32a5e7; display:inline-block; line-height:38px; 
	text-align:center; font-size:16px; border:none;}
#dosubmit:hover{ color:#14191e; filter:alpha(opacity=80);opacity:0.8;}


/*download-1*/
.download-box{ height:auto; min-height:760px; border-top:none; overflow:hidden;}
.download-item{ height:auto;}
.download-item ul{ height:auto;}
.download-item li{ width:222px; height: 200px; border: 1px solid #d0d6d9; margin-left:15px; margin-top:15px; 
	float:left; background:#fff;}
.download-item li:nth-child(5n+1){ margin-left:0;}
.download-item li:hover{box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px ;}
.download-info p{ font-size: 14px; color:#333; margin-top:6px; margin-bottom:6px; text-align:center; line-height:24px;overflow:hidden;}
.download-info span{ font-size:12px; color:#666; display:inline-block; margin-right:3px; margin-left:10px;}
.download-btn{ border-top:1px solid #d0d6d9; padding-top:10px; width:95%; margin:0 auto;}
.download-btn b{ font-weight:normal; color:#999;  font-size:12px;  line-height:25px; display:inline-block; }
.download-btn span{ float:right; display:inline-block; width:85px; height:26px; text-align:center;vertical-align:middle;}
.download-btn a{ line-height:26px; color:#333; font-size:14px;}
.download-btn a i{background:url(../images/downG.png) no-repeat center center; display:inline-block; width:16px; height:26px;
	vertical-align:middle; margin-right:5px; }
.download-btn span:hover a{ color:#32a5e7;}
/*team*/
.team-item{ width:1140px; height:120px; padding:20px; border-bottom:1px solid #d0d6d9; background:#fff;}
.team-item-left{ float:left;}
.team-item-head,.team-item-info{ width:auto; height:120px; float:left; margin-right:20px;}
.team-item-info p{ font-size:16px; color:#333; font-weight:700; margin-bottom:10px;}
.team-item-info span{ display:block; font-size:13px; color:#666;margin-bottom:10px;}
.team-item-info a.btn-team-more{ width:80px; background:#32a5e7; text-align:center; line-height:30px; 
	display:inline-block; color:#fff; font-size:14px;  margin-top:5px;}
.team-item-info a.btn-team-more:hover{ filter:alpha(opacity=70);opacity:0.7; color:#333;}

.team-item-right{ float:right;}
.team-item-right a{display:inline-block; margin-left:10px; background:#32a5e7;}
.team-item-right a:hover img{ filter:alpha(opacity=70);opacity:0.7; }
.team-item-right a.btn-more{  width:42px; height:118px; border:1px solid #32a5e7; background:none; position:relative;}
.team-item-right a.btn-more i{ display:block; width:22px; height:6px;background:url(../images/more-icon.png) no-repeat;
 position:absolute; top:56px; left:10px; z-index:5;background-position:0 0;}
.team-item-right a.btn-more:hover i{ background-position:0 -6px;}
.team-item-right a.btn-more:hover{ background:#32a5e7;}


/*search*/
.search-wrap{ width:100%; background:#f4f4f4; height:auto; min-height:800px;}
.search-main{ width:1200px; height:auto; min-height:800px; margin:30px auto;}
.search-left{ width:880px; height:auto; min-height:800px; background:#fff; box-shadow:0 1px 2px #c5c5c5; padding-left:20px; 
	padding-right:20px;}
.search-title{ height:50px; border-bottom:1px solid #edf0f2; width:100%;}
.search-title h2{ color:#666; font-size:16px; font-weight:normal; line-height:50px; margin-left:10px;}


/*杩斿洖椤堕儴*/	 

.side-bar {position: fixed;right:50px;z-index: 999; bottom:80px;}
.side-bar a {display: block;cursor: pointer;width:40px;height:40px; margin-bottom:10px; 
	background:url(../images/media-icon.png) no-repeat;}
.side-bar a.g-icon-top {background-position: -160px 0;}
.side-bar a.g-icon-top:hover{ background-position:-160px -40px;}
.side-bar a.g-icon-qq {background-position: 0 0;}
.side-bar a.g-icon-qq:hover{ background-position:0 -40px;}
.side-bar a.g-icon-weibo {background-position: -80px 0;}
.side-bar a.g-icon-weibo:hover{background-position: -80px -40px;}
.side-bar a.g-icon-wx{background-position: -120px 0; position:relative;}
.side-bar a.g-icon-wx:hover{background-position: -120px -40px;}
.side-bar a .wx-hidden {width: 150px;height:150px;position: absolute;left: -160px;top: -20px;
	background-image: url(../images/sprite2.png); display:none;}






/*椤佃剼*/
.footer{ background-color:#458fd2; font-size:12px;filter:alpha(opacity=90);opacity:0.9; padding:10px 0; width:100%; float:left;}
.waper{ width:1180px; margin:0 auto;}
.footer-info{ width:580px; float:left;}
.footer-info ul{ width:100%; height:20px; display:block;}
.footer-info li{ float:left;}
.footer-info a{ display:inline-block; margin-right:20px; color:#fff; font-size:14px; text-decoration:none; line-height:20px; }
.footer-info a:hover{ color:#32a5e7;}
.footer-info p{ font-size:12px;color:#666;width:700px}
.footer-media{  float:right;}

.footer-media a { opacity:0.7;filter:alpha(opacity=70); float: left; display:block;position: relative; width: 30px; height: 30px;
	background-image:url(../images/footer-media-icon.png); background-repeat: no-repeat; margin: 3px 9px 0;}
.footer-media a:hover{ opacity:1;filter:alpha(opacity=100);}
.footer-media a.followus-weixin{ background-position:-90px 0;}
.footer-media a.followus-weixin:hover{ background-position:-90px -30px;}
.footer-media a.followus-weixin:hover .flw-weixin-box{ display:block;}
.footer-media a.followus-weibo{ background-position:-60px 0;}
.footer-media a.followus-weibo:hover{ background-position:-60px -30px;}
.footer-media a.followus-qzone{ background-position:-30px 0;}
.footer-media a.followus-qzone:hover{ background-position:-30px -30px;}
.footer-media a.followus-qq{ background-position:0 0;}
.footer-media a.followus-qq:hover{ background-position:0 -30px;}
.flw-weixin-box{ position:absolute; width:150px; height:150px;  top:-170px;left:-40px; background:url(../images/sprite2.png) no-repeat;
	display:none; }


@media screen and (min-width:640px) and ( max-width: 960px){
	.header{ min-width:880px;}
	.nav{ width:880px; margin:0 auto;}
	.bg .container{ width:882px;}
	.course-item{ width:882px;}
	.hot-post-list{ width:882px;}
	.learn-box li{ display:inline-block;}
	.learn-box li:nth-child(5),.course-item li:nth-child(7){ display:none;}
	.learn-box li:nth-child(6),.course-item li:nth-child(8){ display:none;}
	.learn-box li:nth-child(4n),.course-item li:nth-child(4n),.hot-post-list li:nth-child(4n){ margin-right:20px;}
	.learn-box li:nth-child(3n),.course-item li:nth-child(3n),.hot-post-list li:nth-child(3n){ margin-right:0;}
	.learn-box li:last-child{ margin-right:0;}
  	.waper{ width:880px;}
  	#side-bar{ display:none;}
	

}

.logo_style{
	width:150px;
	height:65px
}

.lightClick{
	color:#400040;
	font-size: 13px;
}
